<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车 元素商城</title>
    <link rel="stylesheet" href="css/public.css">
    <link rel="stylesheet" href="font/iconfont.css">
    <link rel="stylesheet" href="css/Cart.css">
    <script src="js/js.cookie.js"></script>
    <script src="js/jquery.js"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/lodash.js/4.14.0/lodash.min.js"></script>
    <script src="js/Cart.js"></script>
</head>
<body>
    <!-- header start -->
    <header >
        <div class="header main">
            <span >建议使用谷歌浏览器浏览</span>
            <ul class="h-right fr">
                <li >服务热线 400-605-7200</li>
                <li ><span>q123456</span><span class="iconfont icon-xiala"></span></li>
                <li >新消息[0]</li>
                <li >我的元素</li>
                <li > <span class="iconfont icon-gouwuche1"></span> 购物车(<span>0</span>)</li>
            </ul>
        </div>
       
            
    </header>
    <!-- header end -->
    <!-- article start -->
    <article>
        <div class="con-top ">
            <div class="con-tbox main">
                <p class="logo"><a href="index.html"><img src="images/cart-logo.png" alt="" ></a></p>
                
                <div class="cot-reig">
                    <div>1.我的购物车</div>
                    <div>2.确认订单信息</div>
                    <div>3.支付订单</div>
                    <div>4.等待收货</div>
                </div>
            </div>
        </div>
        <div class="cartTable main">
            <div class="tab-top">购物车</div>
            <div class="tab-head">
                <table class="car-tabhead">
                    <thead >
                        <tr class="thwd" >
                            <th width="35px"><input type="checkbox" name="all" id="check"></th>
                            <th width="120px">商品图片</th>
                            <th width="203px">商品名称</th>
                            <th width="60px">品牌</th>
                            <th width="120px">货号</th>
                            <th width="120px">规格</th>
                            <th width="60px">危化品</th>
                            <th width="120px">单价（元）</th>
                            <th width="120px">数量</th>
                            <th width="120px"> 金额（元）</th>
                            <th width="120px">操作</th>
                        </tr>
                    </thead>
                </table>
            </div>
            <div class="tab-body">
                <table class="car-tbody">
                    <thead class="tabo-hea">
                        <tr class="tabo-hear">
                            <th width="35px"><input type="checkbox" name="all" id="check2"></th>
                            <th width="120px">防护用品</th>
                           <th width="1420px"></th>
                           <th></th>
                        </tr>
                    </thead>
                    
                </table>
                <table class="car-tbody2">
                    <tbody>
                        <!-- <tr>
                            <td  width="35px"><input type="checkbox" name="" id="check2"></td>
                            <td width="120px"><img src="images/car-img.png" alt=""></td>
                            <td width="203px">一次性乳胶手套（标准型）</td>
                            <td width="60px">爱马斯</td>
                            <td width="120px">TLFGWC42100</td>
                            <td width="120px">箱*S</td>
                            <td width="60px"></td>
                            <td width="120px">￥<span>800.00</span></td>
                            <td width="120px"><span class="leftmin">-</span ><input type="number" name="" id="" class="numbre" value="0.1" min="0" step="0.1"><span class="rightmax">+</span></td>
                            <td width="120px">￥<span class="pric">800.00</span></td>
                            <td width="120px" class="dele4"> 
                                <span class="dele">删除</span><br>
                                <span>移入收藏夹</span>
                            </td>
                        </tr>
                        <tr>
                            <td  width="35px"><input type="checkbox" name="" id="check2"></td>
                            <td width="120px"><img src="images/car-img.png" alt=""></td>
                            <td width="203px">一次性乳胶手套（标准型）</td>
                            <td width="60px">爱马斯</td>
                            <td width="120px">TLFGWC42100</td>
                            <td width="120px">箱*S</td>
                            <td width="60px"></td>
                            <td width="120px">￥<span>800.00</span></td>
                            <td width="120px"><span class="leftmin">-</span ><input type="number" name="" id="" class="numbre" value="0.1" min="0" step="0.1"><span class="rightmax">+</span></td>
                            <td width="120px">￥<span class="pric">800.00</span></td>
                            <td width="120px" class="dele4" > 
                                <span class="dele">删除</span><br>
                                <span >移入收藏夹</span>
                            </td>
                        </tr> -->
                    </tbody>
                </table>
            </div>
            <div class="tab-butoon">
                <table class="toole-table">
                    <thead >
                        <tr class="toole-tab">
                            <th  width="35px"><input type="checkbox" name="all" id="check4" ></th>
                            <th width="702px" class="car-mode">
                                <span>全选</span>
                                <span>删除</span>
                                <span>清空购物车</span>
                                <div class="spacebox">
                                    <p>已选择<span class="msg1">0</span>种商品,总共<span class="msg">0</span>个</p>
                                </div>
                            </th>
                            <th width='200px'>商品总价: <span class="msg2">￥<span>0.00</span>元</span></th>
                            <th width='130px'><input type="button" value="继续购物" ></th>
                            <th width='130px'><input type="button" value="去结算"></th>
                            
                            
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
    </article>
    <!-- article end -->
     <!-- footer start -->
     <footer>
        <div class="foot-top">
            <div class="fot1 main">
                <ul class="foot1-list">
                    <li>品牌多，品类全</li>
                    <li>品牌多，品类全</li>
                    <li>品牌多，品类全</li>
                    <li>品牌多，品类全</li>
                </ul>
            </div>
            
        </div>
        <div class="fot2 main">
            <div class="foot2-left fl">
                <dl>
                    <dt>支付方式</dt>
                    <dd>支付宝/微信</dd>
                    <dd>预存款</dd>
                    <dd>信誉额度</dd>
                </dl>
                <dl>
                    <dt>配送方式</dt>
                    <dd>配送时间</dd>
                    <dd>配送范围</dd>
                    <dd>配送费用</dd>
                </dl>
                <dl>
                    <dt>售后服务</dt>
                    <dd>退换货指南</dd>
                    <dd>退换货流程</dd>
                    <dd>发票服务</dd>
                </dl>
                <dl>
                    <dt>购物指南</dt>
                    <dd>注册会员/经销商</dd>
                    <dd>购物流程</dd>
                    <dd>产品查找</dd>
                    <dd>产品询价</dd>
                </dl>
                <dl>
                    <dt>练习我们</dt>
                    <dd><span>联系热线：</span>400-605-7200</dd>
                    <dd><span>工作时间：</span>周一到周五8:30--17:30</dd>
                    <dd><span>地址：</span>苏州市工业园区方洲路128号</dd>
                </dl>
            </div>
            <div class="foot2-right fl">
                <div class="ma-le fl">
                    <p>元素商城</p>
                    <img src="images/foot-er1.jpg" alt="">
                </div>
                <div class="ma-le fl">
                    <p>元素小程序</p>
                    <img src="images/foot-er-2.jpg" alt="">
                </div>
            </div>
        </div>
        <div class="fot3 main">
            <p>
                <a href="">友情链接:</a><a href="">亚科科技</a>
                <a href="">制药在线</a><a href="">化学试剂网</a>
                <a href="">亚科外贸网站</a>
            </p>
        </div>
        <div class="fot4 main">
            <p class="fot4-top"><a href="">关于元素商城</a><a href="">增值电信业务经营许可证（苏B2-20200443号）</a><a href="">苏ICP备11026111号-2</a></p>
            <div class="fot4-img">
                <img src="images/foot3-1.jpg" alt="">
                <img src="images/foot3-2.jpg" alt="">
                <img src="images/foot3-3.jpg" alt="">
                <img src="images/foot3-4.jpg" alt="">
                <img src="images/foot3-5.jpg" alt="">
            </div>
            <p>©2017-2021 江苏星科元信息科技有限公司版权所有</p>
        </div>
    </footer>
    <!-- footer end -->
    <!-- 右边楼层 -->
    <div class="conele">
        <li class="iconfont icon-touxiang"><p class="ele-text">个人中心</p></li>
        <li class="iconfont icon-gouwuche"><p class="ele-text">购物车</p></li>
        <li class="iconfont icon-xiaoxi"><p class="ele-text">联系客服</p></li>
        <li class="iconfont icon-fankui"><p class="ele-text">意见反馈</p></li>
        <li class="toTop iconfont icon-icon "><p class="ele-text ">返回顶部</p></li>
    </div>
</body>
</html>